<!DOCTYPE html>
<!-- saved from url=(0109)http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122 -->
<html style="min-height: 849px;">
<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>一体化教学管理平台</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="shortcut icon" href="http://yth.0101data.cn/img/favicon.ico">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

	<link href="./04授课计划明细_files/site.completed.min.css" rel="stylesheet">
	<link href="./04授课计划明细_files/bootstrap-datetimepicker.css" rel="stylesheet">
	<link href="./04授课计划明细_files/toastr.min.css" rel="stylesheet">
	<link href="./04授课计划明细_files/select2.min.css" rel="stylesheet">
	<link href="./04授课计划明细_files/cbvm.app.css" rel="stylesheet">

	<!--end page level css-->
	<!-- global js -->
	<script src="./04授课计划明细_files/site.completed.min.js.下载"></script>
	<style type="text/css">
		.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
		}

		.jp-card.jp-card-ie-10.jp-card-flipped,
		.jp-card.jp-card-ie-11.jp-card-flipped {
			-webkit-transform: 0deg;
			-moz-transform: 0deg;
			-ms-transform: 0deg;
			-o-transform: 0deg;
			transform: 0deg;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-o-transform: rotateY(0deg);
			transform: rotateY(0deg);
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
			left: 18%;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
			left: 5%;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
			left: 84%;
		}

		.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after,
		.jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
			left: -480%;
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

		.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back,
		.jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
			display: none;
		}

		.jp-card-logo {
			height: 36px;
			width: 60px;
			font-style: italic;
		}

		.jp-card-logo,
		.jp-card-logo:before,
		.jp-card-logo:after {
			box-sizing: border-box;
		}

		.jp-card-logo.jp-card-amex {
			text-transform: uppercase;
			font-size: 4px;
			font-weight: bold;
			color: white;
			background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
			background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);
			border: 1px solid #EEE;
		}

		.jp-card-logo.jp-card-amex:before,
		.jp-card-logo.jp-card-amex:after {
			width: 28px;
			display: block;
			position: absolute;
			left: 16px;
		}

		.jp-card-logo.jp-card-amex:before {
			height: 28px;
			content: "american";
			top: 3px;
			text-align: left;
			padding-left: 2px;
			padding-top: 11px;
			background: #267AC3;
		}

		.jp-card-logo.jp-card-amex:after {
			content: "express";
			bottom: 11px;
			text-align: right;
			padding-right: 2px;
		}

		.jp-card.jp-card-amex.jp-card-flipped {
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
			background-color: #108168;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
			opacity: 1;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
			visibility: visible;
		}

		.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
			opacity: 1;
		}

		.jp-card-logo.jp-card-discover {
			background: #FF6600;
			color: #111;
			text-transform: uppercase;
			font-style: normal;
			font-weight: bold;
			font-size: 10px;
			text-align: center;
			overflow: hidden;
			z-index: 1;
			padding-top: 9px;
			letter-spacing: .03em;
			border: 1px solid #EEE;
		}

		.jp-card-logo.jp-card-discover:before,
		.jp-card-logo.jp-card-discover:after {
			content: " ";
			display: block;
			position: absolute;
		}

		.jp-card-logo.jp-card-discover:before {
			background: white;
			width: 200px;
			height: 200px;
			border-radius: 200px;
			bottom: -5%;
			right: -80%;
			z-index: -1;
		}

		.jp-card-logo.jp-card-discover:after {
			width: 8px;
			height: 8px;
			border-radius: 4px;
			top: 10px;
			left: 27px;
			background-color: #FF6600;
			background-image: -webkit-radial-gradient(#FF6600, #fff);
			background-image: radial-gradient( #FF6600, #fff);
			content: "network";
			font-size: 4px;
			line-height: 24px;
			text-indent: -7px;
		}

		.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
			right: 12%;
			top: 18%;
		}

		.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
			background-color: #86B8CF;
		}

		.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
			opacity: 1;
		}

		.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
			-webkit-transition: 400ms;
			-moz-transition: 400ms;
			transition: 400ms;
			content: " ";
			display: block;
			background-color: #FF6600;
			background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);
			background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
			height: 50px;
			width: 50px;
			border-radius: 25px;
			position: absolute;
			left: 100%;
			top: 15%;
			margin-left: -25px;
			box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
		}

		.jp-card-logo.jp-card-visa {
			background: white;
			text-transform: uppercase;
			color: #1A1876;
			text-align: center;
			font-weight: bold;
			font-size: 15px;
			line-height: 18px;
		}

		.jp-card-logo.jp-card-visa:before,
		.jp-card-logo.jp-card-visa:after {
			content: " ";
			display: block;
			width: 100%;
			height: 25%;
		}

		.jp-card-logo.jp-card-visa:before {
			background: #1A1876;
		}

		.jp-card-logo.jp-card-visa:after {
			background: #E79800;
		}

		.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
			background-color: #191278;
		}

		.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
			opacity: 1;
		}

		.jp-card-logo.jp-card-mastercard {
			color: white;
			font-weight: bold;
			text-align: center;
			font-size: 9px;
			line-height: 36px;
			z-index: 1;
			text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
		}

		.jp-card-logo.jp-card-mastercard:before,
		.jp-card-logo.jp-card-mastercard:after {
			content: " ";
			display: block;
			width: 36px;
			top: 0;
			position: absolute;
			height: 36px;
			border-radius: 18px;
		}

		.jp-card-logo.jp-card-mastercard:before {
			left: 0;
			background: #FF0000;
			z-index: -1;
		}

		.jp-card-logo.jp-card-mastercard:after {
			right: 0;
			background: #FFAB00;
			z-index: -2;
		}

		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard,
		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
			box-shadow: none;
		}

		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
			background-color: #0061A8;
		}

		.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
			opacity: 1;
		}

		.jp-card-logo.jp-card-maestro {
			color: white;
			font-weight: bold;
			text-align: center;
			font-size: 14px;
			line-height: 36px;
			z-index: 1;
			text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
		}

		.jp-card-logo.jp-card-maestro:before,
		.jp-card-logo.jp-card-maestro:after {
			content: " ";
			display: block;
			width: 36px;
			top: 0;
			position: absolute;
			height: 36px;
			border-radius: 18px;
		}

		.jp-card-logo.jp-card-maestro:before {
			left: 0;
			background: #0064CB;
			z-index: -1;
		}

		.jp-card-logo.jp-card-maestro:after {
			right: 0;
			background: #CC0000;
			z-index: -2;
		}

		.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro,
		.jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
			box-shadow: none;
		}

		.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
			background-color: #0B2C5F;
		}

		.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
			opacity: 1;
		}

		.jp-card-logo.jp-card-dankort {
			width: 60px;
			height: 36px;
			padding: 3px;
			border-radius: 8px;
			border: #000000 1px solid;
			background-color: #FFFFFF;
		}

		.jp-card-logo.jp-card-dankort .dk {
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.jp-card-logo.jp-card-dankort .dk:before {
			background-color: #ED1C24;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			display: block;
			border-radius: 6px;
		}

		.jp-card-logo.jp-card-dankort .dk:after {
			content: '';
			position: absolute;
			top: 50%;
			margin-top: -7.7px;
			right: 0;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 7px 7px 10px 0;
			border-color: transparent #ED1C24 transparent transparent;
			z-index: 1;
		}

		.jp-card-logo.jp-card-dankort .d,
		.jp-card-logo.jp-card-dankort .k {
			position: absolute;
			top: 50%;
			width: 50%;
			display: block;
			height: 15.4px;
			margin-top: -7.7px;
			background: white;
		}

		.jp-card-logo.jp-card-dankort .d {
			left: 0;
			border-radius: 0 8px 10px 0;
		}

		.jp-card-logo.jp-card-dankort .d:before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			background: #ED1C24;
			border-radius: 2px 4px 6px 0px;
			height: 5px;
			width: 7px;
			margin: -3px 0 0 -4px;
		}

		.jp-card-logo.jp-card-dankort .k {
			right: 0;
		}

		.jp-card-logo.jp-card-dankort .k:before,
		.jp-card-logo.jp-card-dankort .k:after {
			content: '';
			position: absolute;
			right: 50%;
			width: 0;
			height: 0;
			border-style: solid;
			margin-right: -1px;
		}

		.jp-card-logo.jp-card-dankort .k:before {
			top: 0;
			border-width: 8px 5px 0 0;
			border-color: #ED1C24 transparent transparent transparent;
		}

		.jp-card-logo.jp-card-dankort .k:after {
			bottom: 0;
			border-width: 0 5px 8px 0;
			border-color: transparent transparent #ED1C24 transparent;
		}

		.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
			background-color: #0055C7;
		}

		.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
			opacity: 1;
		}

		.jp-card-logo.jp-card-elo {
			height: 50px;
			width: 50px;
			border-radius: 100%;
			background: black;
			color: white;
			text-align: center;
			text-transform: lowercase;
			font-size: 21px;
			font-style: normal;
			letter-spacing: 1px;
			font-weight: bold;
			padding-top: 13px;
		}

		.jp-card-logo.jp-card-elo .e,
		.jp-card-logo.jp-card-elo .l,
		.jp-card-logo.jp-card-elo .o {
			display: inline-block;
			position: relative;
		}

		.jp-card-logo.jp-card-elo .e {
			-webkit-transform: rotate(-15deg);
			-moz-transform: rotate(-15deg);
			-ms-transform: rotate(-15deg);
			-o-transform: rotate(-15deg);
			transform: rotate(-15deg);
		}

		.jp-card-logo.jp-card-elo .o {
			position: relative;
			display: inline-block;
			width: 12px;
			height: 12px;
			right: 0;
			top: 7px;
			border-radius: 100%;
			background-image: -webkit-linear-gradient( yellow 50%, red 50%);
			background-image: linear-gradient( yellow 50%, red 50%);
			-webkit-transform: rotate(40deg);
			-moz-transform: rotate(40deg);
			-ms-transform: rotate(40deg);
			-o-transform: rotate(40deg);
			transform: rotate(40deg);
			text-indent: -9999px;
		}

		.jp-card-logo.jp-card-elo .o:before {
			content: "";
			position: absolute;
			width: 49%;
			height: 49%;
			background: black;
			border-radius: 100%;
			text-indent: -99999px;
			top: 25%;
			left: 25%;
		}

		.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {
			background-color: #6F6969;
		}

		.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {
			opacity: 1;
		}

		.jp-card-container {
			-webkit-perspective: 1000px;
			-moz-perspective: 1000px;
			perspective: 1000px;
			width: 350px;
			max-width: 100%;
			height: 200px;
			margin: auto;
			z-index: 1;
			position: relative;
		}

		.jp-card {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			line-height: 1;
			position: relative;
			width: 100%;
			height: 100%;
			min-width: 315px;
			border-radius: 10px;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			-webkit-transition: all 400ms linear;
			-moz-transition: all 400ms linear;
			transition: all 400ms linear;
		}

		.jp-card>*,
		.jp-card>*:before,
		.jp-card>*:after {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			font-family: inherit;
		}

		.jp-card.jp-card-flipped {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		.jp-card .jp-card-front,
		.jp-card .jp-card-back {
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			-webkit-transition: all 400ms linear;
			-moz-transition: all 400ms linear;
			transition: all 400ms linear;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			overflow: hidden;
			border-radius: 10px;
			background: #DDD;
		}

		.jp-card .jp-card-front:before,
		.jp-card .jp-card-back:before {
			content: " ";
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			opacity: 0;
			border-radius: 10px;
			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			transition: all 400ms ease;
		}

		.jp-card .jp-card-front:after,
		.jp-card .jp-card-back:after {
			content: " ";
			display: block;
		}

		.jp-card .jp-card-front .jp-card-display,
		.jp-card .jp-card-back .jp-card-display {
			color: white;
			font-weight: normal;
			opacity: 0.5;
			-webkit-transition: opacity 400ms linear;
			-moz-transition: opacity 400ms linear;
			transition: opacity 400ms linear;
		}

		.jp-card .jp-card-front .jp-card-display.jp-card-focused,
		.jp-card .jp-card-back .jp-card-display.jp-card-focused {
			opacity: 1;
			font-weight: 700;
		}

		.jp-card .jp-card-front .jp-card-cvc,
		.jp-card .jp-card-back .jp-card-cvc {
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			font-size: 14px;
		}

		.jp-card .jp-card-front .jp-card-shiny,
		.jp-card .jp-card-back .jp-card-shiny {
			width: 50px;
			height: 35px;
			border-radius: 5px;
			background: #CCC;
			position: relative;
		}

		.jp-card .jp-card-front .jp-card-shiny:before,
		.jp-card .jp-card-back .jp-card-shiny:before {
			content: " ";
			display: block;
			width: 70%;
			height: 60%;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			background: #d9d9d9;
			position: absolute;
			top: 20%;
		}

		.jp-card .jp-card-front .jp-card-logo {
			position: absolute;
			opacity: 0;
			right: 5%;
			top: 8%;
			-webkit-transition: 400ms;
			-moz-transition: 400ms;
			transition: 400ms;
		}

		.jp-card .jp-card-front .jp-card-lower {
			width: 80%;
			position: absolute;
			left: 10%;
			bottom: 30px;
		}

		@media only screen and (max-width: 480px) {
			.jp-card .jp-card-front .jp-card-lower {
				width: 90%;
				left: 5%;
			}
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
			visibility: hidden;
			float: right;
			position: relative;
			bottom: 5px;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-number {
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			font-size: 24px;
			clear: both;
			margin-bottom: 30px;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			letter-spacing: 0em;
			position: relative;
			float: right;
			width: 25%;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before,
		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-weight: bold;
			font-size: 7px;
			white-space: pre;
			display: block;
			opacity: .5;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
			content: attr(data-before);
			margin-bottom: 2px;
			font-size: 7px;
			text-transform: uppercase;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
			position: absolute;
			content: attr(data-after);
			text-align: right;
			right: 100%;
			margin-right: 5px;
			margin-top: 2px;
			bottom: 0;
		}

		.jp-card .jp-card-front .jp-card-lower .jp-card-name {
			text-transform: uppercase;
			font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
			font-size: 20px;
			max-height: 45px;
			position: absolute;
			bottom: 0;
			width: 190px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: horizontal;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.jp-card .jp-card-back {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
			-ms-transform: rotateY(180deg);
			-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}

		.jp-card .jp-card-back .jp-card-bar {
			background-color: #444;
			background-image: -webkit-linear-gradient(#444, #333);
			background-image: linear-gradient(#444, #333);
			width: 100%;
			height: 20%;
			position: absolute;
			top: 10%;
		}

		.jp-card .jp-card-back:after {
			content: " ";
			display: block;
			background-color: #FFF;
			background-image: -webkit-linear-gradient(#FFF, #FFF);
			background-image: linear-gradient(#FFF, #FFF);
			width: 80%;
			height: 16%;
			position: absolute;
			top: 40%;
			left: 2%;
		}

		.jp-card .jp-card-back .jp-card-cvc {
			position: absolute;
			top: 40%;
			left: 85%;
			-webkit-transition-delay: 600ms;
			-moz-transition-delay: 600ms;
			transition-delay: 600ms;
		}

		.jp-card .jp-card-back .jp-card-shiny {
			position: absolute;
			top: 66%;
			left: 2%;
		}

		.jp-card .jp-card-back .jp-card-shiny:after {
			content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A  For support issues, please visit: github.com/jessepollak/card.";
			position: absolute;
			left: 120%;
			top: 5%;
			color: white;
			font-size: 7px;
			width: 230px;
			opacity: .5;
		}

		.jp-card.jp-card-identified {
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		}

		.jp-card.jp-card-identified .jp-card-front,
		.jp-card.jp-card-identified .jp-card-back {
			background-color: #000;
			background-color: rgba(0, 0, 0, 0.5);
		}

		.jp-card.jp-card-identified .jp-card-front:before,
		.jp-card.jp-card-identified .jp-card-back:before {
			-webkit-transition: all 400ms ease;
			-moz-transition: all 400ms ease;
			transition: all 400ms ease;
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			opacity: 1;
		}

		.jp-card.jp-card-identified .jp-card-front .jp-card-logo,
		.jp-card.jp-card-identified .jp-card-back .jp-card-logo {
			box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
		}

		.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before,
		.jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
			background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
		}
	</style>
	<script src="./04授课计划明细_files/bootstrap-datetimepicker.js.下载"></script>
	<script src="./04授课计划明细_files/bootstrap-datetimepicker.zh-CN.js.下载"></script>
	<script src="./04授课计划明细_files/select2.min.js.下载"></script>
	<script src="./04授课计划明细_files/toastr.js.下载"></script>
	<script src="./04授课计划明细_files/cbvm.app.js.下载"></script>
	<script type="text/javascript">
		function showmsg(msg) {
			toastr["success"](msg, "");
		}
		function showerror(msg) {
			toastr["error"](msg, "");
		}
	</script>

	<!--layui的样式库-->
	<link rel="stylesheet" href="./layui/css/layui.css">
	<script type="text/javascript" src="../layui/layui.all.js"></script>

	<!-- 自己的样式 有顺序要求 -->
	<link rel="stylesheet" href="./mystyle.css">
</head>

<body class="skin-default fixed-menu" style="min-height: 849px; padding-top: 51px;">
	<div class="preloader" style="display: none;">
		<div class="loader_img">
			<img src="./04授课计划明细_files/loader.gif" alt="loading..." height="64" width="64" style="display: none;">
		</div>
	</div>
	<!-- header logo: style can be found in header-->
	<header class="header">
		<nav class="navbar navbar-fixed-top" role="navigation">
			<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
			 class="logo">
				<!-- Add the class icon to your logo image or logo icon to add the margining -->
				<h3 style="margin-top: 10px; color: #fff;">一体化教学管理平台</h3>
			</a>
			<!-- Header Navbar: style can be found in header-->
			<!-- Sidebar toggle button-->
			<!-- Sidebar toggle button-->
			<div>
				<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
				 class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
					<i class="fa fa-fw ti-menu"></i>
				</a>
			</div>
			<div class="navbar-right">
				<ul class="nav navbar-nav">

					<!--rightside toggle-->
					<!-- User Account: style can be found in dropdown-->
					<li class="dropdown user user-menu">
						<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
						 class="dropdown-toggle padding-user" data-toggle="dropdown" title="用户名: 13276966599">
							<div class="riot">
								<div>
									欢迎, 邱冠霖 开课人
									<span>
										<i class="caret"></i>
									</span>
								</div>
							</div>
						</a>
						<ul class="dropdown-menu">
							<!-- User image -->
							<li class="user-header" style="height: 48px;">
								<p> 邱冠霖</p>
							</li>
							<!-- Menu Body -->
							<li class="p-t-3">
								<a href="http://yth.0101data.cn/user/detail">
									<i class="fa fa-fw ti-user"></i> 我的基本信息
								</a>
							</li>
							<li role="presentation" class="divider"></li>
							<!-- Menu Footer-->
							<li class="user-footer">
								<div class="pull-left">
									<a href="http://yth.0101data.cn/changepassword">
										<i class="fa fa-fw ti-lock"></i>
										修改密码
									</a>
								</div>
								<div class="pull-right">
									<a href="http://yth.0101data.cn/logout">
										<i class="fa fa-fw ti-shift-right"></i>
										退出
									</a>
								</div>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
	</header>
	<div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 677px;">
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="left-side sidebar-offcanvas" style="min-height: 849px;">
			<!-- sidebar: style can be found in sidebar-->
			<section class="sidebar affix">
				<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100vh;">
					<div class="left_slim" style="overflow: hidden; width: auto; height: 100vh;">
						<div id="menu" class="menu_align" role="navigation">
							<!-- <div class="nav_profile">
								<div class="media profile-left">
									<a class="pull-left profile-thumb" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
										<h4>
											<strong>一体化教学管理平台</strong>
										</h4>
										<i style="padding-left: 60px; color: #00adee;">学员管理后台-课程面板</i>
									</a>
								</div>
							</div> -->
							<ul class="navigation">
								<li>
									<a href="http://yth.0101data.cn/index">
										<i class="menu-icon ti-desktop"></i>
										<span class="mm-text ">我的主菜单</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/dashboard">
										<i class="menu-icon glyphicon glyphicon-home"></i>
										<span>我的课程面板</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/course/detail">
										<i class="menu-icon fa fa-building-o"></i>
										<span>课程基本信息</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse">
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/course/detail">
												<i class="menu-icon glyphicon glyphicon-th-list"></i>
												<span>课程资料</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursedocumentcategory">
												<i class="menu-icon glyphicon glyphicon-th-list"></i>
												<span>文档类别管理</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursedocumenttemplate">
												<i class="menu-icon fa fa-stethoscope"></i>
												<span>文档模版管理</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursecapability">
												<i class="menu-icon glyphicon glyphicon-th-list"></i>
												<span>核心能力管理</span>
											</a>
										</li>
									</ul>
								</li>
								<li class="menu-dropdown ">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursepartner">
										<i class="menu-icon fa fa-users"></i>
										<span>任课教师( 2 人)</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
										<i class="menu-icon fa fa-building-o"></i>
										<span>学员管理</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse">
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursestudent">
												<i class="menu-icon fa fa-user-md"></i>
												<span>学员信息管理</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
												<i class="menu-icon fa fa-trophy"></i>
												<span>学员分组管理</span>
												<span class="fa arrow"></span>
											</a>
											<ul class="sub-menu collapse" style="padding-left: 38px;">
												<li class="">
													<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseteamexamine">
														<i class="menu-icon fa fa-folder"></i>
														<span>分组测试题管理</span>
													</a>
												</li>
												<li class="">
													<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseteamexaminestudentscore">
														<i class="menu-icon fa fa-dropbox"></i>
														<span>分组测试考试结果</span>
													</a>
												</li>
												<li class="">
													<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursestudentteam">
														<i class="menu-icon fa fa-linux"></i>
														<span>学员智能分组</span>
													</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li class="menu-dropdown ">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
										<i class="menu-icon fa fa-linux"></i>
										<span>签到管理</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse">
										<li class="" style="display: none;">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursemarktime">
												<i class="menu-icon fa fa-folder"></i>
												<span>签到时间管理</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseipwhitelist">
												<i class="menu-icon fa fa-dropbox"></i>
												<span>签到白名单</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursemark/summary">
												<i class="menu-icon fa fa-linux"></i>
												<span>签到统计</span>
											</a>
										</li>
									</ul>
								</li>
								<li class="menu-dropdown active">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">
										<i class="menu-icon glyphicon glyphicon-home"></i>
										<span>授课计划管理</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursereview">
										<i class="menu-icon glyphicon glyphicon-check"></i>
										<span>评审管理</span>
									</a>
								</li>
								<li class="menu-dropdown ">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
										<i class="menu-icon fa fa-trophy"></i>
										<span>成绩管理</span>
										<span class="fa arrow"></span>
									</a>
									<ul class="sub-menu collapse">
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courserewardpunish">
												<i class="menu-icon fa fa-trophy"></i>
												<span>奖惩分管理</span>
											</a>
										</li>
										<li class="" style="display: none;">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/allcontributed">
												<i class="menu-icon fa fa-tint"></i>
												<span>学员成绩比例</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursescore">
												<i class="menu-icon fa fa-trello"></i>
												<span>学员成绩报表</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursescore/team">
												<i class="menu-icon fa fa-bar-chart-o"></i>
												<span>团队总成绩排名</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursescore/student">
												<i class="menu-icon fa fa-signal"></i>
												<span>个人总成绩排名</span>
											</a>
										</li>
										<li class="">
											<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursescore/report">
												<i class="menu-icon fa fa-signal"></i>
												<span>成绩综合报表</span>
											</a>
										</li>
									</ul>
								</li>
								<li class="">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/coursemessage">
										<i class="menu-icon glyphicon glyphicon-envelope"></i>
										<span class="mm-text ">课程通知/公告</span>
									</a>
								</li>
								<li class="">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
										<i class="menu-icon ti-search"></i>
										<span class="mm-text ">企业监管</span>
									</a>
								</li>
								<li class="">
									<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#">
										<i class="menu-icon ti-check"></i>
										<span class="mm-text ">问卷调查</span>
									</a>
								</li>
								<li class="">
									<a href="http://yth.0101data.cn/changepassword">
										<i class="menu-icon ti-key"></i>
										<span class="mm-text ">密码管理</span>
									</a>
								</li>
								<li class="">
									<a href="http://yth.0101data.cn/logout">
										<i class="menu-icon ti-shift-right"></i>
										<span class="mm-text ">退出</span>
									</a>
								</li>
							</ul>
							<!-- / .navigation -->
						</div>
						<!-- menu -->
					</div>
					<div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 5px; position: absolute; top: 0px; opacity: 0.2; display: block; border-radius: 0px; z-index: 99; right: 1px; height: 591.392px;"></div>
					<div class="slimScrollRail" style="width: 5px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
				</div>
			</section>
			<!-- /.sidebar -->
		</aside>
		<aside class="right-side fixednav_right">
			<section class="content-header">
				<!--section starts-->
				<!--
					h1 与ol标签互换位置
				-->
				<ol class="breadcrumb">
					<li>
						<a href="http://yth.0101data.cn/">
							<i class="fa fa-fw ti-home"></i> 面板
						</a>
					</li>
					<li>
						<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">授课计划管理</a>
					</li>
					<li>
						明细页面
					</li>
				</ol>
				<h1>
					授课计划管理
				</h1>
			</section>
			<section class="content">
				<div class="panel ">
					<div class="panel-heading">
						<h3 class="panel-title">
							<!--
								去掉“明细页面”前的小图标
							-->
							<!-- <i class="glyphicon glyphicon-th-list"></i>  -->
							明细页面
						</h3>
					</div>
					<div class="panel-body border">
						<!--
              对form标签内修改的内容全部放在此处
              label标签内span的位置改变（移动到文字前）ps：*号的位置
              最下面按钮部分修改了class

							去掉了“可签到时间”
							
							授课时间点 改为 授课时间 表单内部更改了相应的内容

            -->

						<form id="form-validation" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered bv-form" novalidate="novalidate">
							<button type="submit" class="bv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
							<div class="row">
								<div class="form-group">
									<label class="col-sm-3 control-label" for="title">
										<span class="required">*</span>
										标题
									</label>
									<div class="col-sm-6">
										<input type="text" name="title" value="123" class="form-control" placeholder="标题" data-bv-field="title">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="title" data-bv-result="NOT_VALIDATED" style="display: none;">标题不能为空!</small>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label" for="coursescore">
										<span class="required">*</span>
										课时
									</label>
									<div class="col-sm-6">
										<input type="number" min="0" name="coursescore" value="1" class="form-control" placeholder="课时" data-bv-field="coursescore">
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">课时不能为空!</small>
										<small class="help-block" data-bv-validator="numeric" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">课时不能小于0!</small>
										<small class="help-block" data-bv-validator="greaterThan" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a value greater than or equal to %s</small>
										<small class="help-block" data-bv-validator="integer" data-bv-for="coursescore" data-bv-result="NOT_VALIDATED" style="display: none;">Please enter a valid number</small>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">
										<span class="required">*</span>
										授课日期
									</label>
									<div class="col-sm-6">
										<div class="input-group date form_date" data-date="2018-03-18">
											<input class="form-control" name="executedate" type="text" value="2018-03-18" data-bv-field="executedate">
											<span class="input-group-addon">
												<span class="glyphicon glyphicon-calendar"></span>
											</span>
										</div>
										<small class="help-block" data-bv-validator="date" data-bv-for="executedate" data-bv-result="NOT_VALIDATED" style="display: none;">时间格式必须为: 年-月-日!</small>
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="executedate" data-bv-result="NOT_VALIDATED" style="display: none;">授课日期不能为空</small>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-3 control-label">
										<span class="required">*</span>
										<!-- 
											授课时间点
										 -->
										授课时间
									</label>
									<div class="col-sm-3 notmarked">
										<!-- <div class="input-group bootstrap-timepicker " data-date="19:36:00"> -->
										<!-- <input type="text" class="form-control form_timepicker" value="19:36" name="fromTime" data-bv-field="fromTime"> -->
										<select class="form-control col-lg-12" style="width:100%">
											<option>第1节课</option>
											<option>第2节课</option>
											<option>第3节课</option>
											<option>第4节课</option>
											<option>第5节课</option>
											<option>第6节课</option>
											<option>第7节课</option>
											<option>第8节课</option>
											<option>第9节课</option>
											<option>第10节课</option>
											<option>第11节课</option>
										</select>
										<!-- <span class="input-group-addon">
												<i class="glyphicon glyphicon-time"></i>
											</span> -->
										<!-- </div> -->
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="fromTime" data-bv-result="NOT_VALIDATED" style="display: none;">授课开始时间点不能为空!</small>
									</div>
									<div class="col-sm-3 notmarked">
										<!-- <div class="input-group bootstrap-timepicker " data-date="19:36:00"> -->
										<!-- <input type="text" class="form-control form_timepicker" value="19:36" name="toTime" data-bv-field="toTime">
											<span class="input-group-addon">
												<i class="glyphicon glyphicon-time"></i>
											</span> -->
										<select class="form-control col-lg-12" style="width:100%">
											<option>第1节课</option>
											<option>第2节课</option>
											<option>第3节课</option>
											<option>第4节课</option>
											<option>第5节课</option>
											<option>第6节课</option>
											<option>第7节课</option>
											<option>第8节课</option>
											<option>第9节课</option>
											<option>第10节课</option>
											<option>第11节课</option>
										</select>
										<!-- </div> -->
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="toTime" data-bv-result="NOT_VALIDATED" style="display: none;">授课结束时间点不能为空!</small>
									</div>
								</div>
								<!-- <div class="form-group">
									<label class="col-sm-3 control-label" style="line-height: 32px;">
											<span class="required">*</span>
										可签到时间
									</label>
									<div class="col-sm-6" style="padding-left: 0px;">
										<div class="col-sm-4">
											课前:
											<input class="form-control" style="display: inline-block; width: 100px;" name="markbeginwithinminutes" type="number"
											 value="5" data-bv-field="markbeginwithinminutes"> 分钟
											<small class="help-block" data-bv-validator="notEmpty" data-bv-for="markbeginwithinminutes" data-bv-result="NOT_VALIDATED"
											 style="display: none;">课前签到不能为空!</small>
											<small class="help-block" data-bv-validator="integer" data-bv-for="markbeginwithinminutes" data-bv-result="NOT_VALIDATED"
											 style="display: none;">Please enter a valid number</small>
										</div>
										<div class="col-sm-5">
											上课后:
											<input class="form-control" style="display: inline-block; width: 100px;" name="markendwithinminutes" type="number"
											 value="10" data-bv-field="markendwithinminutes"> 分钟
											<small class="help-block" data-bv-validator="notEmpty" data-bv-for="markendwithinminutes" data-bv-result="NOT_VALIDATED"
											 style="display: none;">课后签到不能为空!</small>
											<small class="help-block" data-bv-validator="integer" data-bv-for="markendwithinminutes" data-bv-result="NOT_VALIDATED"
											 style="display: none;">Please enter a valid number</small>
										</div>
									</div>
								</div> -->
								<div class="form-group">
									<label class="col-sm-3 control-label">
										<span class="required">*</span>
										教学内容
									</label>
									<div class="col-sm-6">
										<textarea id="note" name="description" rows="7" class="form-control" placeholder="教学内容" data-bv-field="description">123</textarea>
										<small class="help-block" data-bv-validator="notEmpty" data-bv-for="description" data-bv-result="NOT_VALIDATED" style="display: none;">教学内容不能为空!</small>
									</div>
								</div>
								<div class="form-group form-actions">
									<div class="col-sm-9 col-sm-offset-3">
										<!-- <button type="submit" class="btn btn-effect-ripple btn-primary action-save">
											保存
										</button>
										<a class="btn btn-effect-ripple btn-default reset_btn4" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">
											返回
										</a> -->

										<button type="submit" class="layui-btn">
											保存
										</button>
										<a class="layui-btn layui-btn-primary" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan">
											返回
										</a>

									</div>
								</div>
							</div>

							<!--
								新增了一行
								样式未写

                去掉了刷新按钮
                修改了新增按钮的样式
                新增了i标签

              -->

							<div class="fixed-table-toolbar filter-action">
								<!-- 新增的 -->
								<div class="row">
									<div class="col-sm-4">
										<div style="font-size: 16px;color: inherit;line-height:50px;">相关作业</div>
									</div>
								</div>

								<div class="row">
									<div class="col-sm-4">
										<!-- <a class="btn btn-info btn-sm action-create" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/plan/cplan5aae4f445f0604-81771122/task/create">新增</a> -->
										<a class="layui-btn layui-btn-sm" href="#">
											<i class="layui-icon">&#xe654;</i>
											新增
										</a>
									</div>
									<div class="col-sm-4">
									</div>
									<div class="col-sm-4">
										<!-- <a class="btn btn-danger btn-sm pull-right" href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122">刷新</a> -->
									</div>
								</div>
							</div>
							<div id="plantasks " class="row ">
								<div class="col-sm-12 ">

									<!-- 
                    对表格修改的注释放在这儿
                    #号修改为“序号”宽度由20改为40px
                    对table新增一个tab类，去掉了一部分类
										对tr新增一个tab-header类
										
										创建时间改为附件

									 -->

									<table id="example " role="grid" aria-describedby="example_info " class="tab table dataTable no-footer">
										<thead>
											<tr class="tab-header">
												<th data-field="0 " tabindex="0 " style="width: 40px; ">
													<div class="th-inner ">序号</div>
													<div class="fht-cell"></div>
												</th>
												<th data-field="1 " tabindex="0 " style="width: 150px; ">
													<div class="th-inner ">标题</div>
													<div class="fht-cell"></div>
												</th>
												<th data-field="1 " tabindex="0 " style="width: 150px; ">
													<div class="th-inner ">对象</div>
													<div class="fht-cell"></div>
												</th>
												<th data-field="1 " tabindex="0 " style="width: 150px; ">
													<div class="th-inner ">截至日期</div>
													<div class="fht-cell"></div>
												</th>
												<th data-field="1 " tabindex="0 " style="width: 150px;">
													<div class="th-inner ">考核能力</div>
													<div class="fht-cell"></div>
												</th>
												<th data-field="1 " tabindex="0 " style="width: 100px; ">
													<div class="th-inner ">附件</div>
													<div class="fht-cell"></div>
												</th>
												<th style="width: 100px;">操作</th>
											</tr>
										</thead>
										<tbody>
											<tr data-index="7">
												<td>1</td>
												<td>123</td>
												<td>
													<!---->
													<span>团队</span>
												</td>
												<td>
													2018-03-31
												</td>
												<td>
													<ul style="list-style: decimal; padding-left: 18px;">
														<li>123</li>
													</ul>
												</td>
												<td>
													<a href="#">
														<span class="glyphicon glyphicon-paperclip"></span> 附件1</a>
												</td>
												<td>
													<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/plan/cplan5aae4f445f0604-81771122/task/edit/ctask5ab0afebceb7c1-80782452">
														<!-- <i title="编辑作业" class="fa fa-fw ti-pencil text-primary actions_icon"></i> -->
														编辑
													</a>
													<span class="table-edit-line">|</span>
													<a href="http://yth.0101data.cn/course-orginal/cse5a1017df459f94-67713264/courseplan/edit/cplan5aae4f445f0604-81771122#"
													 data-toggle="modal">
														删除
														<!-- <i title="删除作业" class="fa fa-fw ti-close text-danger actions_icon"></i> -->
													</a>
												</td>
											</tr>
											<tr>
												<td>1</td>
												<td>2</td>
												<td>3</td>
												<td>4</td>
												<td>5</td>
												<td>
													<a href="#">
														<span class="glyphicon glyphicon-download-alt" style="
														transform:rotate(180deg);
														-ms-transform:rotate(180deg); /* Internet Explorer */
														-moz-transform:rotate(180deg); /* Firefox */
														-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
														-o-transform:rotate(180deg); /* Opera */
														"></span> 附件1</a>
												</td>
												<td>
													<a href="#">编辑</a>
													<span class="table-edit-line">|</span>
													<a href="#">删除</a>
												</td>
											</tr>
											<tr>
												<td>1</td>
												<td>2</td>
												<td>3</td>
												<td>4</td>
												<td>5</td>
												<td>6</td>
												<td>
													<a href="#">编辑</a>
													<span class="table-edit-line">|</span>
													<a href="#">删除</a>
												</td>
											</tr>

										</tbody>
									</table>
								</div>
							</div>
						</form>
					</div>
				</div>
			</section>
			<div class="modal fade " id="modal-delete " tabindex="-1 " role="dialog " aria-labelledby="Heading " aria-hidden="true ">
				<div class="modal-dialog ">
					<div class="modal-content ">
						<div class="modal-header ">
							<button type="button " class="close " data-dismiss="modal " aria-hidden="true ">×
							</button>
							<h4 class="modal-title custom_align " id="Heading ">删除作业</h4>
						</div>
						<div class="modal-body ">
							<div class="alert alert-warning ">
								<span class="glyphicon glyphicon-warning-sign "></span> 您确认删除该作业? </div>
						</div>
						<div class="modal-footer ">
							<button class="btn btn-danger " onclick="confirm2delete() ">
								<span class="glyphicon glyphicon-ok-sign "></span> 是
							</button>
							<button type="button " class="btn btn-success " data-dismiss="modal ">
								<span class="glyphicon glyphicon-remove "></span> 否
							</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
			</div>
			<script type="application/javascript ">
    var selectedplantaskid = null;
    $(function () {
        var isalreadySubmit = false;
        $("button[type='submit' ] ").click(function () {
            isalreadySubmit = true;
        });
        $('#form-validation').bootstrapValidator({
            fields: {
                title: {
                    validators: {
                        notEmpty: {
                            message: '标题不能为空!'
                        }
                    }
                },
                markbeginwithinminutes: {
                    validators: {
                        notEmpty: {
                            message: '课前签到不能为空!'
                        }
                    }
                },
                markendwithinminutes: {
                    validators: {
                        notEmpty: {
                            message: '课后签到不能为空!'
                        }
                    }
                },
                coursescore:{
                    validators: {
                        notEmpty: {
                            message: '课时不能为空!'
                        },
                        numeric: {
                            min: 0,
                            message: '课时不能小于0!'
                        }
                    }
                },
                executedate:{
                    validators: {
                        date: {
                            format: 'YYYY-MM-DD',
                            message: '时间格式必须为: 年-月-日!'
                        },
                        notEmpty: {
                            message: '授课日期不能为空'
                        }
                    }
                },
                fromTime:{
                    validators: {
                        notEmpty: {
                            message: '授课开始时间点不能为空!'
                        }
                    }
                },
                toTime:{
                    validators: {
                        notEmpty: {
                            message: '授课结束时间点不能为空!'
                        }
                    }
                },
                description:{
                    validators: {
                        notEmpty: {
                            message: '教学内容不能为空!'
                        }
                    }
                }
            },
            submitHandler: function (validator, form, submitButton) {

            }
        }).on('reset', function (event) {
            $('#form-validation').data('bootstrapValidator').resetForm();
        });

        $('.form_date')
            .on('changeDate', function (e) {
                if (isalreadySubmit) {
                    $input = $(e.currentTarget || e.target).find("input ");
                    $('#form-validation').bootstrapValidator('revalidateField', $input);
                }
            });
        loadtasks();
    })

    function loadtasks() {
        var vue = new Vue({
            "el ": "#plantasks ",
            data: {
                data: [],
                hasdata:false
            },
            methods:{
                deletetask:function (item) {
                    selectedplantaskid = item.id;
                    $("#modal-delete ").modal("show ");
                }
            }
        });

        var planid = "cplan5aae4f445f0604-81771122 ";
        if (!planid) {
            return;
        }
        showloading();
        $.get("/course-orginal/cse5a1017df459f94-67713264/coursetask/gettasks?planid=" + planid, {}, function (d) {
            vue.data = d.data;
            vue.hasdata =false;
            if(d.data!=null && d.data.length>0)
            {
                vue.hasdata=true;
            }
        }, " json ").always(function () {
            hideloading();
        });
    }

    function confirm2delete() {
        window.location.href = "/course-orginal/cse5a1017df459f94-67713264/plan/cplan5aae4f445f0604-81771122/task/delete/ " + selectedplantaskid;
    }
</script>
			<!--<div class="fixed-table-loading " style="top: 42px; " style="display: none; ">加载中, 请耐心等待...</div>-->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->

	<script type="text/javascript " src="./04授课计划明细_files/pnotify.custom.min.js.下载 "></script>
	<!-- end of page level js -->
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->
	<script type="application/javascript ">
    $(function () {
        $("ul.navigation li a[href='/courseplan' ] ").parent("li ").addClass("active ");
    })
</script>
	<style type="text/css ">
		.action-create,
		.action-copy,
		.action-delete,
		.action-import,
		.action-save,
		.action-edit,
		.action-batch,
		.action-event {
			display: none !important;
		}
	</style>
	<div class="datetimepicker datetimepicker-dropdown-bottom-left dropdown-menu " style="left: 1316.25px; z-index: 100011;
										 ">
		<div class="datetimepicker-minutes " style="display: none; ">
			<table class=" table-condensed ">
				<thead>
					<tr>
						<th class="prev
										 " style="visibility: visible; ">
							<span class="glyphicon glyphicon-arrow-left "></span>
						</th>
						<th colspan="5 " class="switch
										 ">18 三月 2018</th>
						<th class="next " style="visibility: visible; ">
							<span class="glyphicon glyphicon-arrow-right
										 "></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7 ">
							<span class="minute active ">0:00</span>
							<span class="minute ">0:05</span>
							<span class="minute
										 ">0:10</span>
							<span class="minute ">0:15</span>
							<span class="minute ">0:20</span>
							<span class="minute ">0:25</span>
							<span class="minute
										 ">0:30</span>
							<span class="minute ">0:35</span>
							<span class="minute ">0:40</span>
							<span class="minute ">0:45</span>
							<span class="minute
										 ">0:50</span>
							<span class="minute ">0:55</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7 " class="today ">今天</th>
					</tr>
					<tr>
						<th colspan="7
										 " class="clear " style="display: none; ">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-hours
										 " style="display: none; ">
			<table class=" table-condensed ">
				<thead>
					<tr>
						<th class="prev " style="visibility: visible;
										 ">
							<span class="glyphicon glyphicon-arrow-left "></span>
						</th>
						<th colspan="5 " class="switch ">18 三月 2018</th>
						<th class="next
										 " style="visibility: visible; ">
							<span class="glyphicon glyphicon-arrow-right
										 "></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7 ">
							<span class="hour active ">0:00</span>
							<span class="hour ">1:00</span>
							<span class="hour
										 ">2:00</span>
							<span class="hour ">3:00</span>
							<span class="hour ">4:00</span>
							<span class="hour ">5:00</span>
							<span class="hour
										 ">6:00</span>
							<span class="hour ">7:00</span>
							<span class="hour ">8:00</span>
							<span class="hour ">9:00</span>
							<span class="hour
										 ">10:00</span>
							<span class="hour ">11:00</span>
							<span class="hour ">12:00</span>
							<span class="hour ">13:00</span>
							<span class="hour
										 ">14:00</span>
							<span class="hour ">15:00</span>
							<span class="hour ">16:00</span>
							<span class="hour ">17:00</span>
							<span class="hour
										 ">18:00</span>
							<span class="hour ">19:00</span>
							<span class="hour ">20:00</span>
							<span class="hour ">21:00</span>
							<span class="hour
										 ">22:00</span>
							<span class="hour ">23:00</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7 " class="today ">今天</th>
					</tr>
					<tr>
						<th colspan="7
										 " class="clear " style="display: none; ">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-days " style="display:
										 block; ">
			<table class=" table-condensed ">
				<thead>
					<tr>
						<th class="prev " style="visibility: visible;
										 ">
							<span class="glyphicon glyphicon-arrow-left "></span>
						</th>
						<th colspan="5 " class="switch ">三月 2018</th>
						<th class="next
										 " style="visibility: visible; ">
							<span class="glyphicon glyphicon-arrow-right "></span>
						</th>
					</tr>
					<tr>
						<th class="dow
										 ">一</th>
						<th class="dow ">二</th>
						<th class="dow ">三</th>
						<th class="dow ">四</th>
						<th class="dow ">五</th>
						<th class="dow
										 ">六</th>
						<th class="dow ">日</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td class="day old ">26</td>
						<td class="day old ">27</td>
						<td class="day old
										 ">28</td>
						<td class="day ">1</td>
						<td class="day ">2</td>
						<td class="day ">3</td>
						<td class="day ">4</td>
					</tr>
					<tr>
						<td class="day
										 ">5</td>
						<td class="day ">6</td>
						<td class="day ">7</td>
						<td class="day ">8</td>
						<td class="day ">9</td>
						<td class="day
										 ">10</td>
						<td class="day ">11</td>
					</tr>
					<tr>
						<td class="day ">12</td>
						<td class="day ">13</td>
						<td class="day ">14</td>
						<td class="day
										 ">15</td>
						<td class="day ">16</td>
						<td class="day ">17</td>
						<td class="day active ">18</td>
					</tr>
					<tr>
						<td class="day
										 ">19</td>
						<td class="day ">20</td>
						<td class="day ">21</td>
						<td class="day ">22</td>
						<td class="day ">23</td>
						<td class="day
										 ">24</td>
						<td class="day ">25</td>
					</tr>
					<tr>
						<td class="day ">26</td>
						<td class="day today ">27</td>
						<td class="day
										 ">28</td>
						<td class="day ">29</td>
						<td class="day ">30</td>
						<td class="day ">31</td>
						<td class="day new ">1</td>
					</tr>
					<tr>
						<td class="day
										 new ">2</td>
						<td class="day new ">3</td>
						<td class="day new ">4</td>
						<td class="day new ">5</td>
						<td class="day new
										 ">6</td>
						<td class="day new ">7</td>
						<td class="day new ">8</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7 " class="today
										 ">今天</th>
					</tr>
					<tr>
						<th colspan="7 " class="clear " style="display: none; ">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-months
										 " style="display: none; ">
			<table class="table-condensed ">
				<thead>
					<tr>
						<th class="prev " style="visibility: visible;
										 ">
							<span class="glyphicon glyphicon-arrow-left "></span>
						</th>
						<th colspan="5 " class="switch ">2018</th>
						<th class="next
										 " style="visibility: visible; ">
							<span class="glyphicon glyphicon-arrow-right
										 "></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7 ">
							<span class="month ">一月</span>
							<span class="month ">二月</span>
							<span class="month active
										 ">三月</span>
							<span class="month ">四月</span>
							<span class="month ">五月</span>
							<span class="month ">六月</span>
							<span class="month
										 ">七月</span>
							<span class="month ">八月</span>
							<span class="month ">九月</span>
							<span class="month ">十月</span>
							<span class="month
										 ">十一月</span>
							<span class="month ">十二月</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7 " class="today ">今天</th>
					</tr>
					<tr>
						<th colspan="7
										 " class="clear " style="display: none; ">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="datetimepicker-years
										 " style="display: none; ">
			<table class="table-condensed ">
				<thead>
					<tr>
						<th class="prev " style="visibility: visible;
										 ">
							<span class="glyphicon glyphicon-arrow-left "></span>
						</th>
						<th colspan="5 " class="switch ">2010-2019</th>
						<th class="next
										 " style="visibility: visible; ">
							<span class="glyphicon glyphicon-arrow-right
										 "></span>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td colspan="7 ">
							<span class="year ">2009</span>
							<span class="year ">2010</span>
							<span class="year ">2011</span>
							<span class="year
										 ">2012</span>
							<span class="year ">2013</span>
							<span class="year ">2014</span>
							<span class="year ">2015</span>
							<span class="year
										 ">2016</span>
							<span class="year ">2017</span>
							<span class="year active ">2018</span>
							<span class="year ">2019</span>
							<span class="year
										 ">2020</span>
						</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<th colspan="7 " class="today ">今天</th>
					</tr>
					<tr>
						<th colspan="7 " class="clear " style="display: none;
										 ">Clear</th>
					</tr>
				</tfoot>
			</table>
		</div>
	</div>
	<div class="swal2-container ">
		<div class="swal2-modal " style="display: none " tabindex="-1 ">
			<ul class="swal2-progresssteps
										 "></ul>
			<div class="swal2-icon swal2-error ">
				<span class="x-mark ">
					<span class="line left "></span>
					<span class="line right
										 "></span>
				</span>
			</div>
			<div class="swal2-icon swal2-question ">?</div>
			<div class="swal2-icon swal2-warning ">!</div>
			<div class="swal2-icon swal2-info
										 ">i</div>
			<div class="swal2-icon swal2-success ">
				<span class="line tip "></span>
				<span class="line long "></span>
				<div class="placeholder
										 "></div>
				<div class="fix "></div>
			</div>
			<img class="swal2-image ">
			<h2></h2>
			<div class="swal2-content "></div>
			<input class="swal2-input
										 ">
			<input type="file " class="swal2-file ">
			<div class="swal2-range ">
				<output></output>
				<input type="range
										 ">
			</div>
			<select class="swal2-select "></select>
			<div class="swal2-radio "></div>
			<label for="swal2-checkbox " class="swal2-checkbox
										 ">
				<input type="checkbox ">
			</label>
			<textarea class="swal2-textarea "></textarea>
			<div class="swal2-validationerror
										 "></div>
			<hr class="swal2-spacer ">
			<button type="button " class="swal2-confirm ">OK</button>
			<button type="button " class="swal2-cancel
										 ">Cancel</button>
			<span class="swal2-close ">×</span>
		</div>
	</div>
	<div id="qb-sougou-search " style="display: none; opacity: 0;
										 ">
		<p>搜索</p>
		<p class="last-btn ">复制</p>
		<iframe src="./04授课计划明细_files/saved_resource.html "></iframe>
	</div>
</body>
<div id="yiButton
										 " style="display: none; ">翻译</div>
<div id="onLineTransBu " style="display: none; ">
	<img id="loading " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/loading.gif
										 ">网页翻译中...</div>
<div id="onLineFailResult " style="display: none; ">翻译失败...</div>
<div id="C_outerbox_trans_div " class="C_outerbox_up
										 " style="display: none; ">
	<div id="C_cententbox_trans_div ">
		<div id="cententbox_beforeFixBox ">
			<p id="C_ptitle_trans_p
										 ">原文</p>
			<p id="C_esay_trans_p "></p>
			<div id="C_bottomdiv_trans_div ">
				<img id="C_bottomimg_trans_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/img_logo.png
										 " style="cursor: pointer; ">
				<a id="C_bottoma_trans_a ">翻译纠错
					<img id="hrefa " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/IconArrowRight.png
										 ">
				</a>
			</div>
		</div>
		<div id="cententbox_afterFixBox ">
			<p id="cententbox_trans_fix_error ">翻译纠错</p>
			<div id="cententbox_trans_fix_box
										 ">
				<textarea id="cententbox_trans_fix_content "></textarea>
				<button id="cententbox_comfirmfix
										 ">确定</button>
			</div>
		</div>
	</div>
	<div id="C_innerbox_trans_div " class="C_innerbox_up "></div>
</div>
<div id="trans_yiwen_outerDiv " class="C_outerbox_up
										 " style="display: none; ">
	<div id="trans_yiwen_content ">
		<div id="beforeFixBox ">
			<p id="trans_yiwen_title
										 ">译文</p>
			<p id="trans_yiwen_easy "></p>
			<div id="trans_yiwen_bottomdiv ">
				<img id="trans_yiwen_bottom_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/img_logo.png
										 " style="cursor: pointer; ">
				<a id="trans_yiwen_bottom_a ">翻译纠错
					<img id="trans_yiwen_bottom_a_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/IconArrowRight.png
										 ">
				</a>
			</div>
		</div>
		<div id="afterFixBox ">
			<p id="trans_fix_error ">翻译纠错</p>
			<div id="trans_fix_box ">
				<textarea id="trans_fix_content
										 "></textarea>
				<button id="comfirmfix ">确定</button>
			</div>
		</div>
	</div>
	<div id="trans_yiwen_innerDiv " class="C_innerbox_up
										 "></div>
</div>
<div id="trans_word_outerDiv " class="C_outerbox_up " style="display: none; ">
	<div id="trans_word_content ">
		<div id="trans_word_head
										 ">
			<p id="trans_word_title "></p>
			<p id="trans_word_easy "></p>
		</div>
		<div id="eachcharadiv "></div>
		<div id="trans_word_bottomdiv
										 ">
			<img id="trans_word_bottom_img " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/img_logo.png " style="cursor:
										 pointer; ">
		</div>
	</div>
	<div id="trans_word_innerDiv " class="C_innerbox_up "></div>
</div>
<div id="trans_box
										 " style="display: none; ">
	<img id="trans_finish " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/IconFinsh.png
										 ">
	<translatebox id="trans_ptitle ">是否将当前网页翻译成中文?</translatebox>
	<div id="trans_spanPic " style="background: url(&quot;chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/arrowdownNormal.png&quot;)
										 center center no-repeat; "></div>
	<ul id="trans_buttonfalselist " style="display: none; ">
		<li class="buttonfalselistLi
										 thisNoTip ">此网站不再提醒</li>
		<li class="buttonfalselistLi allNoTip ">所有网站不再提醒</li>
	</ul>
	<div id="trans_buttonfalse
										 ">关闭</div>
	<button id="trans_buttonCompare ">中英对照</button>
	<button id="trans_buttontrue ">翻译网页</button>
</div>
<div id="transAutoBox
										 " style="display: none; ">
	<translatebox id="transAutoBox_ptitle ">自动翻译已开启</translatebox>
	<div id="transAutoBox_cancle
										 ">去设置</div>
	<div id="transAutoBox_close " style="background: url(&quot;chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/BtnClose2Normal.png&quot;)
										 center center no-repeat; "></div>
</div>
<div id="compareOuter " style="position: absolute; height: 677px; left:
										 -1920px; ">
	<div id="compareInner ">
		<h1 id="titleCompareUp "></h1>
		<h1 id="titleCompareDown "></h1>
		<div id="innerLeft
										 "></div>
		<div id="innerRight "></div>
	</div>
	<div id="compareLoading ">
		<img id="comparing " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/loading.gif
										 ">正在翻译...</div>
	<div id="compareFail ">
		<img id="compareFailImg " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/ImgError.png
										 ">
		<h1 id="transFail ">翻译失败</h1>
		<p id="transP ">未能获得中英文对照翻译结果</p>
		<div id="buttonBottom ">
			<button id="againButton
										 ">重试</button>
			<button id="returnButton ">返回</button>
		</div>
	</div>
	<div id="closeCompare ">
		<a id="feedBackTrans " target="_blank " href="http://bbs.browser.qq.com/thread-241037-1-1.html
										 ">我要反馈</a>
		<img id="closeImg " src="chrome-extension://hlppekcioiicbfafmmgikkdkljnjpiao/images/timg.png ">
	</div>
	<div id="whiteDiv
										 "></div>
</div>

</html>